<!--
 * @Author: your name
 * @Date: 2021-03-25 09:07:37
 * @LastEditTime: 2021-03-25 10:21:49
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \tiny-heart-master\birthday-mobile\Memories.html
-->
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"
    />
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css" />
    <link rel="stylesheet" href="css/memories.css" />
  </head>

  <body>
    <!-- 背景音乐 -->
    <div style="display: none">
      <!-- 网易云外链 -->
      <iframe
        frameborder="no"
        border="0"
        marginwidth="0"
        marginheight="0"
        width="330"
        height="86"
        src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"
      ></iframe>
    </div>
    <div class="bgcolor">
      <div style="z-index: 100" id="dowebok">
        <!--第一屏-->
        <!-- <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">
                宝贝，你的生日就在今天，祝你可爱依旧，快乐多多！
              </p>
              <p class="ly-stxt02">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt03">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt04">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt05">XXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt07">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt08">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt09">XXXXXXXXXXXXXXXXXXXXXXX</p>
              <p class="ly-stxt10">XXXXXXXXXXXXXXXXXXXXXXX</p>
            </div>
          </div>
        </div> -->

        <!--第二屏  开始-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
            <div class="ly-txt11"></div>
            <div class="ly-txt12">生日快乐</div>
            <div class="ly-imgbox11">
              <img class="ly-img11" src="img/dangao.jpg" />
            </div>
          </div>

          <div class="ly-box12">
            <div class="ly-txt14">
              <p>开开心心</p>
            </div>
            <div class="ly-imgbox11">
              <img style="height: 75%;" class="ly-img11" src="img/dangao3.png" />
            </div>
          </div>
          <div class="ly-triangle12"></div>
        </div>

        <!--第三屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt22">
              <p>愿你的生日充满无穷的快乐，</p>
              <p>愿你今天的回忆温馨，</p>
              <p>愿你所有的梦想甜美，</p>
              <p>愿你这一年称心如意！</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/01.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt24">
              <p>祝你生日其乐无穷愿祝福萦绕着你</p>
              <p>，在你缤纷的人生之旅，</p>
              <p>在你永远与春天接壤的梦幻里。</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/01.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">
            <div class="ly-txt26">
              <p>祝你：心想事成、幸福快乐！</p>
              <p>年年岁岁花相似，岁岁年年人不同。</p>
            </div>
            <div class="ly-imgbox23">
              <img style="height: 75%;" class="ly-img23" src="img/02.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第四屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint31"></div>
          <div class="ly-box31">
            <div class="ly-txt32">
              <p>美好的旅程总是短暂的，</p>
              <p>但是给我们的收获却总是无法用语言表达的。</p>
            </div>
            <div class="ly-imgbox31">
              <img style="height: 90%;"  class="ly-img31" src="img/04.png" />
            </div>
          </div>
          <div class="ly-triangle31"></div>

          <div class="ly-box32">
            <div class="ly-txt34">
              <p>才相聚又离别，快乐的时光总是比较短暂，</p>
              <p>期待下次的愉快玩耍、卧夜长谈。</p>
            </div>
            <div class="ly-imgbox31">
              <img style="height: 90%;" class="ly-img31" src="img/03.jpg" />
            </div>
          </div>
          <div class="ly-triangle32"></div>
        </div>

        <!--第五屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box52">
            <div class="ly-txt22">
              <p>只有心灵才能洞察一切，</p>
              <p>最重要的东西，用眼睛是看不见的。</p>
            </div>
            <div class="ly-imgbox21">
              <img class="ly-img21" src="img/05.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
            <div class="ly-txt51">
              <p>Only the mind can see everything. </p>
              <p>The most important thing is invisible with the eyes.</p>
            </div>
            <div class="ly-imgbox22">
              <img class="ly-img22" src="img/05.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box51">
            <div class="ly-txt26">
              <p>友情犹如一副长长的画卷展开，身临其境。</p>
              <p>里面有我们各色的青春，有我们数不尽的快乐，有我们看不完的电影</p>
            </div>
            <div class="ly-imgbox23">
              <img style="height: 80%;" class="ly-img23" src="img/06.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第六屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
            <div class="ly-txt22">
              <p>慢慢地.......我们来到了分别的路口</p>
        
            </div>
            <div class="ly-imgbox21">
              <img style="height: 100%;"  class="ly-img21" src="img/07.jpg" />
            </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
  
            <div class="ly-imgbox22">
              <img style="height: 100%;"  class="ly-img22" src="img/07.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box23">
            <div style="height: 100%;"  class="ly-imgbox61">
              <img style="height: 100%;" class="ly-img61" src="img/08.jpg" />
            </div>
          </div>
          <div class="ly-triangle23"></div>
        </div>

        <!--第七屏-->
        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint71"></div>
          <div class="ly-box21 xx71">
      
            <div  style="height: 100%;"  class="ly-imgbox21">
              <img style="height: 100%;" class="ly-img21" src="img/07.jpg" />
            </div>
          </div>
          <div class="ly-triangle21 xx72"></div>

          <div class="ly-box71">
            <div class="ly-txt71">
         
            </div>
            <div  style="height: 100%;"  class="ly-imgbox71">
              <img  style="height: 100%;"  class="ly-img71" src="img/07.jpg" />
            </div>
          </div>
          <div class="ly-triangle22"></div>

          <div class="ly-box72">
       
            <div  style="height: 100%;"  class="ly-imgbox72">
              <img  style="height: 100%;"  class="ly-img72" src="img/08.jpg" />
            </div>
          </div>
          <div class="ly-triangle71"></div>

          <div class="ly-box73">
       
            <div  style="height: 100%;"  class="ly-imgbox73">
              <img  style="height: 100%;"  class="ly-img73" src="img/08.jpg" />
            </div>
          </div>
          <div class="ly-triangle72"></div>
        </div>

        <!--第八屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
            <div class="ly-txt82">
              <p>但我们不会沉溺在悲伤中......</p>
              <p>因为我们知道</p>
              <p>能快乐旅行的，一定是轻装旅行的人。</p>
              <p> Those who can travel happily must be those who travel lightly</p>
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
          
            <div  style="height: 100%;" class="ly-imgbox81">
              <img style="height: 100%;" class="ly-img81" src="img/10.jpg" />
            </div>
          </div>
          <div class="ly-triangle82"></div>
        </div>

        <!--第九屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint91"></div>
          <div class="ly-box21 xx91">
            <div class="ly-txt90">
              <p>And Last.......</p>
            </div>
            <div class="ly-imgbox21 xx94">
              <img  style="height:100%" class="ly-img21" src="img/11.jpg" />
            </div>
          </div>
          <div class="ly-triangle21 xx92"></div>

          <div class="ly-box91">
            <div class="ly-txt91">
              <p>Wish you have a better and brighter tomorrow</p>
            </div>
            <div  class="ly-imgbox91">
              <img  style="height:100%" class="ly-img91" src="img/11.jpg" />
            </div>
          </div>
          <div class="ly-triangle22 xx92"></div>

          <div class="ly-box92">
  
            <div  style="height:100%" class="ly-imgbox92">
              <img  style="height:100%" class="ly-img92" src="img/11.jpg" />
            </div>
          </div>
          <div class="ly-triangle91"></div>

          <div class="ly-box93">
          
            <div  style="height:100%" class="ly-imgbox93">
              <img style="height:100%" class="ly-img93" src="img/11.jpg" />
            </div>
          </div>
          <div class="ly-triangle92"></div>
        </div>
        <!--第十屏-->

        <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
            <div class="ly-txt82" style="top: 8%">
              <p class="wwww1">Wish you have a better and brighter tomorrow</p>
            </div>
            <div class="ly-imgbox81">
              <img class="ly-img81" src="img/12.png" />
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
            <div class="ly-txt84">
             
            </div>
            <div style="height: 100%;" class="ly-imgbox81">
              <img style="height: 100%;" class="ly-img81" src="img/12.png" />
            </div>
          </div>
          <div class="ly-triangle82"></div>
        </div>
      </div>
      <!--动态方块-->
      <ul class="bg-bubbles">
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
        <li>
          <img src="./img/timg.gif" style="width: 100%; height: 100%" />
        </li>
      </ul>
    </div>
    <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->
    <audio src="music/3.mp3" autoplay="autoplay" loop="loop"></audio>
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <!-- <script src="js/auto-play.js"></script> -->
    <script src="js/memories.js"></script>
  </body>
</html>
